<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 align="center" style="color:red;" >首页11</h1>

<!--    没登陆显示跳转 登录过了显示你好-->
<!--    通过name是否有值，判断是否登录-->
    {% if uname %}
<!--    如果name有值，说明登陆过，判断true-->
    <p>
        <a href="/loginout/">你好 {{uname}}</a>
    </p>
    {% else %}
<!--    如果name无值，说明没登陆，判断false-->
    <a href="/login/">跳转登录</a>
    {% endif %}

    <!--    搜索-->
    <div>
        <form action="/index/" method="get">
             <input type="text" align="" placeholder="请输入搜索内容" name="keywords">
             <input type="submit" value="搜索"><br>
        </form>
    </div>


    <table border="1">
        <thead>
            <tr>
<!--                <th>学生姓名</th>-->
<!--                <th>成绩等级</th>-->

                <th>商品序号</th>
                <th>商品名称</th>
                <th>商品图片</th>
                <th>商品价格</th>
                <th>商品数量</th>

            </tr>
        </thead>
        <tbody>
<!--            <tr>-->
<!--                <td>{{uname}}</td>-->
<!--                {% if ugrade >= 90 %}-->
<!--                <td>A</td>-->
<!--                {% elif ugrade >= 80 and ugrade < 90 %}-->
<!--                <td>B</td>-->
<!--                {% elif ugrade >= 70 and ugrade < 80 %}-->
<!--                <td>C</td>-->
<!--                {% elif ugrade >= 60 and ugrade < 70 %}-->
<!--                <td>D</td>-->
<!--                {% elif ugrade < 60 %}-->
<!--                <td>F</td>-->
<!--                {% endif %}-->
<!--            </tr>-->
            {% for goods in goods %}
            <tr>
                <td>{{goods.gid}}</td>
<!--                指定某个数据则是 goods.0.id，代表第一个数据-->
                <td>
                    <a href="/goodsdetails/?gid={{goods.gid}}">{{goods.goodsname}}</a>
                </td>
                <td>
<!--                ![](../static/img/001.jpg)-->
                    <img src={{goods.goodsimgsrc}} width="50" height="50" alt="">
                </td>
                <td>{{goods.gooodsprice}}</td>
                <td>{{goods.goodscount}}</td>
            </tr>
            {% endfor %}
        </tbody>
        <tfoot>
            <tr>
                <th colspan="5">
<!--                    重定向-->
                    {% for item in pagelist %}
                    <a href="/index/?page={{item}}">{{item}}</a>
                    {% endfor %}
                </th>
            </tr>

        </tfoot>
    </table>

<!--   加入购物车按钮-->
    <div>
        <a href="/shoppingcar/">我的购物车</a>
    </div>
<!--    <form action="/goodsdetails/" method="POST">-->
<!--        <input type="submit" value="加入购物车">-->
<!--    </form>-->


</body>
</html>